<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <%--    <link rel="stylesheet" href="css/register.css" type="text/css">--%>
    <style>
        body,html{
            padding: 0;
            margin: 0;
        }
        body{
            background: #eee;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100VH;
        }
        .login-box{
            width: 1000px;
            height: 800px;
            border: 1px solid #ddd;
            box-shadow: 2px 2px 5px #999;
        }
        .left,.right{
            height: 100%;
            float: left;
            box-sizing: border-box;
        }
        .left{
            width: 700px;
            background: #fff;
            border-right: 1px solid #bbb;
            padding: 1em;
        }
        .right{
            width: 200px;
        }
        .left > h1{
            font-size: 18px;
            margin: 0;
            margin-bottom: 1em;
            color: #09f;
        }
        .login-table{
            color: #333;

        }
        .login-table tr td:first-child{
            text-align: left;
        }/*
.login-table input[type=text],.login-table input[type=password]{
    width: 150px;
    height: 1.5em;
}*/
        .login-table input[placeholder*="请"]{
            width: 280px;
            height: 1.5em;
            border: 1px solid #ddd;
            font-size: 12px;
            padding: 1em;
        }
        .login-table input[placeholder*="请"]:focus{
            outline: 1px solid #09f;
        }
        .login-table tr td{
            height: 3em;
        }
        .submit{
            border: 5px solid #05f;
            background: #05f;
            color: white;
            padding: 0.5em 1em;
            box-shadow: 0 0 2px #444;
        }
        .login-table .submit{
            font-size: 22px;
            width: 8em;
        }
        .right{
            padding: 1em;
            font-size: 22px;
        }
        .right .submit{
            font-size: 22px;
            height: 2em;
            box-sizing: border-box;
            padding: 0.2em 1em;
        }
        .button1 {
            background-color: #4CAF50; /* Green */
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            border-radius: 50%;
            width: 200px;
        }
        .button1 span {
            cursor: pointer;
            display: inline-block;
            position: relative;
            transition: 0.5s;
        }
        .button1:hover span {
            padding-right: 25px;
        }

        .button1:hover span:after {
            opacity: 1;
            right: 0;
        }

        .button1 span:after {
            content: '»';
            position: absolute;
            opacity: 0;
            top: 0;
            right: -20px;
            transition: 0.5s;
        }
        .button2 {
            background-color: #406faf; /* Green */
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            border-radius: 50%;
            width: 100%;
        }
    </style>
</head>
<body>
<div class="login-box">
    <div class="left">
        <h1>欢迎注册 ~如果您注册失败请换个用户名重新注册</h1>
        <form action="<%=basePath%>regist.do" method="post">
            <table class="login-table" style="font-size: 22px;">
                <tr>
                    <td>用户名:</td>
                    <td><input id="username" type="text" name="username" placeholder="请输入用户名" style="font-size: 18px"></td>
                </tr>
                <tr>
                    <td>真名:</td>
                    <td><input id="realname" type="text" name="realname" placeholder="请输入真名" style="font-size: 18px"></td>
                </tr>
                <tr>
                    <td>密码:</td>
                    <td><input id="password" type="text" name="password" placeholder="请输入密码" style="font-size: 18px"></td>
                </tr>
                <tr>
                    <td>请确认密码:</td>
                    <td><input type="text" name="" placeholder="请再次输入密码" style="font-size: 18px"></td>
                </tr>
                <tr>
                    <td>性别:</td>
                    <td>
                        <select id="gender" name="gender" style="font-size: 18px;width: 100%">
                            <option value="男">男</option>
                            <option value="女">女</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>年龄:</td>
                    <td><input id="age" type="text" name="age" placeholder="请输入年龄" style="font-size: 18px"></td>

                </tr>

                <%--            <tr>--%>
                <%--                <td>居住城市:</td>--%>
                <%--                <td><input id="address_city" type="text" name="address_city" placeholder="请输入居住城市"></td>--%>
                <%--            </tr>--%>

                <tr>
                    <td>居住区县:</td>
                    <td><input id="address_area" type="text" name="address_area" value="石景山区" style="font-size: 18px;width: 100%"></td>
                </tr>

                <%--            <tr>--%>
                <%--                <td>居住区县:</td>--%>
                <%--            <td>--%>
                <%--                <select id="address_area" name="address_area">--%>
                <%--                <option value="海淀区">海淀区</option>--%>
                <%--                <option value="石景山区">石景山区</option>--%>
                <%--                </select>--%>
                <%--            </td>--%>
                <%--            </tr>--%>

                <%--            <tr>--%>
                <%--                <td>居住街道:</td>--%>
                <%--                <td><input id="address_street" type="text" name="address_street" placeholder="请输入居住街道"></td>--%>
                <%--            </tr>--%>

                <tr>
                    <td>居住街道:</td>
                    <td><input id="address_street" type="text" name="address_street" value="苹果园街道" style="font-size: 18px;width: 100%"></td>
                </tr>

                <tr>
                    <td>详细地址:</td>
                    <td><input id="address_place" type="text" name="address_place" placeholder="如北京市xx区xx小区xx单元xx号" style="font-size: 18px;width: 100%"></td>
                </tr>

                <tr>
                    <td>联系电话:</td>
                    <td><input id="phonenumber" type="text" name="phonenumber" placeholder="请输入联系电话" style="font-size: 18px"></td>
                </tr>

<%--                <tr>--%>
<%--                    <td>身体状况:</td>--%>
<%--                    <td><input id="physical" type="text" name="physical" placeholder="请输入身体状况"></td>--%>
<%--                </tr>--%>

                <tr>
                    <td>身体状况:</td>
                    <td>
                    <select id="physical" name="physical" style="font-size: 18px;width: 100%">
                    <option value="自理">自理</option>
                    <option value="介助">介助</option>
                    <option value="介护">介护</option>
                    </select>

                    <td>
                        <input type="submit" class="button1" value="创 建" style="font-size: 18px;margin-left: 30px"/>
                    </td>

                    </td>
                </tr>



<%--                <tr>--%>
<%--                    <td>--%>
<%--                        <input type="submit" class="button1" value="创 建" style="font-size: 18px"/>--%>
<%--                    </td>--%>
<%--                </tr>--%>
            </table>
        </form>
    </div>

    <div class="right">
        <p>已有账号？请直接登录</p>
        <a href="<%=basePath%>jump/jump_login.do"><button class="button2">登录</button></a>
    </div>

</div>

</body>
</html>